@extends('layouts.master3')
@section("title")
代码详情 
@endsection
@section("content")
    <!-- Bootstrap FAQ - END -->
    <div class="contain">
        <div class="statistics success">
            <h3> 个人评测</h3>
            <div id="chart1" style="width:600px;height:400px;" class="col-md-4"></div>
                  </div>
 <div id="chart2" style="width:600px;height:400px;" class="col-md-4"></div>
                  </div>

        <div class="clearfix"></div>
    </div>


    <div style="height:60px;"></div>
</div>
@stop
@section('js')
<script src="/js/codemirror.js"></script>
<script src="/js/mode/python/python.js"></script>
<script src="/js/mode/clike/clike.js"></script>
<script src="/js/mode/javascript/javascript.js"></script>
<script src="/js/echarts.js"></script>
<script>
	var myChart1 = echarts.init(document.getElementById('chart1'));
    option = {

        tooltip : {
            trigger: 'axis'
        },
        legend: {
            x : 'center',
            data:['person']
        },
        calculable : true,
        polar : [
            {
                indicator : [
                    {text : '前端', min  : 0},
                    {text : '后端', min  : 0},
                    {text : '算法', min  : 0},
                    {text : '运维', min  : 0},
                    {text : '图形图像', min  : 0}
                ],
                radius : 130
            }
        ],
        series : [
            {
                name: 'compare',
                type: 'radar',
                itemStyle: {
                    normal: {
                        areaStyle: {
                            type: 'default'
                        }
                    }
                },
                data : [
                    {
                        value : [{{38}}, {{57}}, {{100}}, {{65}}, {{66}}],
                        name : 'person'
                    }
                ]
            }
        ]
    };

    myChart1.setOption(option);

	var myChart2 = echarts.init(document.getElementById('chart2'));
    option = {

        tooltip : {
            trigger: 'axis'
        },
        legend: {
            x : 'center',
            data:['person']
        },
        calculable : true,
        polar : [
            {
                indicator : [
                    {text : '学习能力', min  : 0},
                    {text : '职业素养', min  : 0},
                    {text : '逻辑抽象', min  : 0},
                    {text : '数学', min  : 0},
                    {text : '编程语言', min  : 0}
                ],
                radius : 130
            }
        ],
        series : [
            {
                name: 'compare',
                type: 'radar',
                itemStyle: {
                    normal: {
                        areaStyle: {
                            type: 'default'
                        }
                    }
                },
                data : [
                    {
                        value : [{{67}}, {{78}}, {{55}}, {{90}}, {{80}}],
                        name : 'person'
                    }
                ]
            }
        ]
    };

    myChart2.setOption(option);
  </script>
@stop
